<template>
	<div class="wimage">
		<el-image :src="image">
			<div slot="error" class="image-slot">
				<!-- <i class="el-icon-picture-outline"></i> -->				
				<img :src="errorImage"> 
			</div>
		</el-image>
	</div>
</template>

<script>
	export default {
		name: "wImage",
		props: {
			image: {
				type: String,
				default: "https://img2.baidu.com/it/u=479711186,2800759015&fm=26&fmt=auto"
			},
			errorImage: {
				type: String,
				default: "https://wdz-1258450135.cos.ap-shanghai.myqcloud.com/img/404.jpg"
			}
		}
	}
</script>

<style lang="less">
	.wimage {
		width: 100%;
		height: 100%;
		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.el-image{
			width: 100%;
			height: 100%;
		}
	}
</style>
